<template>
  <div class="about">
    <h1>This is an about page</h1>
    <!-- 我要从about 页面去 cart页面 -->
    <button @click='goCart'>去 cart</button>
  </div>
</template>
<script>
  export default{
   methods:{
    goCart(){
      //核心 vueRouter 提供了两个数据  router提供的是方法  route对象=》当前页面的路由信息
      //this=》当前组件的实例

      //问题$route  $router 那里来的 =》main.js中 

      //跳转
      console.log(this.$router);

      // push 向浏览器历史栈中追加路由信息
      this.$router.push('/cart')

      //replace 替换当前地址
      // this.$router.replace('/cart')

    }
   }
  }
</script>

